{% load staticfiles %}
 <header class="header" id="header">
		<div class="logo">
	    <h1>
	      <a href="/">
	        <img src="{% static 'images/logo.png' %}" id="logo" alt="美食网">
	      </a>
	    </h1>
	  </div>
		<div class="search">
			<form action="/search" method="post">
				<input class="fl" type="submit" value=""> <input class="fl" name="name" type="text" maxlength="16" placeholder="今天想吃点什么.." required="">
				{% csrf_token %}
			</form>
		</div>
		<div class="menu" id="menu"></div>

	</header>

  {% include "menu.html" %}

	<!-- banner - start -->
	<div class="banner">
		<div class="swiper-container">
			<div class="swiper-wrapper">
	      {% for b in banner %}
				<div class="swiper-slide">
		      <a href="{{b.url}}">
	          <img src="/{{b.img}}" >
		      </a>
		    </div>
				{% endfor %}
	    </div>
			<div class="swiper-pagination"></div>
		</div>
	</div>
	<script>
		var swiper = new Swiper('.swiper-container', {
			pagination: '.swiper-pagination',
			paginationClickable: true,
			spaceBetween: 30,
			centeredSlides: true,
			autoplay: 3000,
			autoplayDisableOnInteraction: false
		});
	</script>
	<!-- banner - end -->

	<!-- nav - start -->
	<nav class="nav">
		<div>
	    <h2>
	      <a href="/"><p>首页</p></a>
	    </h2>
	</div>
	<div>
	  <h2>
	    <a href="/daily/"><p>家常菜谱</p></a>
	  </h2>
	</div>
	<div>
	  <h2>
	    <a href="/snacks/"><p>小吃大全</p></a>
	  </h2>
	</div>
	<div>
	  <h2>
	    <a href="/health/"><p>饮食健康</p></a>
	  </h2>
	</div>
	</nav>
	<!-- nav - end -->

